<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="session.jsp"%>
<!DOCTYPE html>
<html lang="ko">
  <head>
  	<%@ include file="head.jsp"%>
  	<style>
		body {
			padding-top: 50px;
		}
		
		#carousel-example-generic img {
			width: 100%;
			height: 300px;
		}
		#main-body {
			margin: 20px auto !important;
		}
	</style>
  </head>
  <body>
  	<%@ include file="menu.jsp"%>
	<!-- 캐러셀 영역 구성 -->
	<div id="carousel-example-generic" class="carousel slide">
		<!-- 현재 위치 표시 -->
		<ol class="carousel-indicators">
			<li data-target="carousel-example-generic" data-slide-to="0" class="active"></li>
			<li data-target="carousel-example-generic" data-slide-to="1"></li>
			<li data-target="carousel-example-generic" data-slide-to="2"></li>
		</ol>

		<!-- 내용 영역 -->
		<div class="carousel-inner">
			<!-- 항목 (1) -->
			<div class="item active">
				<img src="assets/img/slide2.png">
				<div class="carousel-caption">
					<h1></h1>
					<p class="visible-md visible-lg">
					</p>
					<p class="visible-md visible-lg">
					</p>
				</div>
			</div>

			<!-- 항목 (2) -->
			<div class="item">
				<img src="assets/img/slide1.png">
				<div class="carousel-caption">
					<h1></h1>
					<p class="visible-md visible-lg">
					</p>
					<p class="visible-md visible-lg">
					</p>
				</div>
			</div>

			<!-- 항목 (3) -->
			<div class="item">
				<img src="assets/img/slide3.png">
				<div class="carousel-caption">
					<h1></h1>
					<p class="visible-md visible-lg">
					</p>
					<p class="visible-md visible-lg">
					</p>
				</div>
			</div>
		</div>

		<!-- 이동 버튼 -->
		<a class="left carousel-control" href="#carousel-example-generic"
		data-slide="prev"><span class="icon-prev"></span></a>
		<a class="right carousel-control" href="#carousel-example-generic"
		data-slide="next"><span class="icon-next"></span></a>
	</div>
	<!-- 캐러셀 영역 끝 -->
	<div class="container">
		<div class="container" id="main-body">
			<div class="row">
			
					<div class="col-sm-6 col-md-6">
						<div class="thumbnail">
							<div class="caption">
								<h3>공지사항</h3>
								<p>
									1. 공지1<br/>2. 공지2
								</p>
								<p>
									<a href="#" class="btn btn-primary">바로가기</a>
								</p>
							</div>
						</div>
					</div>
					
					<div class="col-sm-6 col-md-6">
						<div class="thumbnail">
							<div class="caption">
								<h3>이벤트</h3>
								<p>
									1. 이벤트1<br/>2. 이벤트2
								</p>
								<p>
									<a href="#" class="btn btn-primary">바로가기</a>
								</p>
							</div>
						</div>
					</div>
					
					<div class="col-sm-6 col-md-6">
						<div class="thumbnail">
							<div class="caption">
								<h3>제품요청</h3>
								<p>
									1. 제품요청1<br/>2. 제품요청2
								</p>
								<p>
									<a href="#" class="btn btn-primary">바로가기</a>
								</p>
							</div>
						</div>
					</div>
					
					<div class="col-sm-6 col-md-6">
						<div class="thumbnail">
							<div class="caption">
								<h3>신규회원</h3>
								<p>
									1. 신규회원1<br/>2. 신규회원2
								</p>
								<p>
									<a href="#" class="btn btn-primary">바로가기</a>
								</p>
							</div>
						</div>
					</div>
					
				</div>
			
			<hr>
			<footer><p class="text-center">&copy; Glowmee 2014</p></footer>
		</div>
	</div>
	<!-- Javascript -->
	<script src="assets/js/jquery.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	</body>
</html>